<div class="dir-modal-multiple-select">
    <!-- <div class="select-title">{{ options.title || "请选择" }}</div>
    <div class="selectArea">
        <ul class="select-options">
            <li class="select-option" [ngClass]="{'selectedOption':option.checked == true,'unSelectedOption':option.checked != true}" *ngFor="let option of options.list; let i = index" (click)="seletedItem(option,i)" alt="">
                {{ option[options.attrName] || option }}
                <ion-icon name="md-radio-button-on"></ion-icon>
            </li>
        </ul>
    </div>
    <div class='remark' *ngIf="showRemark">
        <div>
            <textarea class="remark-text" maxlength="40" [(ngModel)]="options.remark" placeholder='请输入40字以内的描述'></textarea>
        </div>
    </div>
    <div class="bottom row">
        <div class="btn-cancel" (click)="btnCancel()">取消</div>
        <div class="btn-ok" (click)="btnOk()">确定</div>
    </div> -->

    <div class="multiple-box"  [ngClass]="{'multiple-keyboard-hide': keyboardStatus == 'hide', 'multiple-keyboard-show': keyboardStatus == 'show'}">
        <div class="multiple-box-title">{{ options.title || "请选择" }}</div>
        <div class="multiple-box-area">
            <div class="area-div" [ngClass]="{'selectedOption':option.checked == true,'unSelectedOption':option.checked != true}" *ngFor="let option of options.list; let i = index" (click)="seletedItem(option,i)">
                <span>{{ option[options.attrName] || option }}</span>
                <div class="circle-box" [style.background]="option.checked?'#1FB5FF':'#D9DEE2'">
                    <div *ngIf="option.checked"  class="checkCircle"></div>
                </div>
            </div>
        </div>
        <div class='remark' *ngIf="showRemark">
            <textarea class="remark-text" maxlength="60" [(ngModel)]="options.remark" placeholder='请输入60字以内的描述'></textarea>
        </div>
        <div class="multiple-box-bottom">
            <div class="btn-cancel" (click)="btnCancel()">取消</div>
            <div class="btn-ok" (click)="btnOk()">确定</div>
        </div>
    </div>

</div>